<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="static/layui/css/layui.css">

<style>
body {
	position: relative;
}

.title {
	position: absolute;
	left: 500px;
}
</style>
</head>
<body>
	<br>
	<br>
	<h3>
	    <form class="layui-form" action="" onsubmit="return false;">
	        <div class="layui-form-item">
	            <div class="layui-inline">
	                <label class="layui-form-label">用户地址</label>
	                <div class="layui-input-inline">
	                    <select id="address" name="address" lay-verify="required" lay-search="">
	                    </select>
	                </div>
	                <button class="layui-btn" id="select">查询</button>
	            </div>
	        </div>
	    </form>
	</h3>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
	<table class="layui-hide" id="test1" lay-filter="test1"></table>
	
	<script src="static/layui/layui.all.js"></script>
	<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-normal layui-btn-sm" id="add">新增用户</button>
        <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="delAll">删除用户</button>
        <button class="layui-btn layui-btn-sm" lay-event="export">导出用户</button>
    </div>
	</script>
	
	<!-- 这里的 checked 的状态只是演示 
	<script type="text/html" id="switchTpl">
	<input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo" {{ d.id == 10003 ? 'checked' : '' }}>
	</script>
	-->

	<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	</script>
	<script>
	  layer.open({
          type: 2
          ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
          ,id: 'layerDemo'+type //防止重复弹出
          ,content: 'toUserEdit.html?id='+data.id
          ,btn: ['确认', '取消']
          ,shade: [0.01, '#000']
          ,btnAlign: 'c' //按钮居中
          ,title:'编辑用户'
          ,area: ['600px', '450px']
          ,yes: function(index, layero){
              layero.find('iframe').contents().find("#btn_save_user").click();
          }
          ,btn2: function(){
              layer.closeAll();
          }
      });
	</script>
</body>
</html>